/* mine/pages/invoiceDetails/invoiceDetails.wxss */
@import "../../../commin/commin.less";

page {
    background-color: #F0F2F6;
}

.invoice {
    padding-bottom: 10rpx;
    .genre {
        background: linear-gradient(0deg, #FFFFFF, #F4F6F8);
        border: 2px solid #FFFFFF;
        box-shadow: 4px 7px 20px 0px rgba(166, 171, 179, 0.24);
        border-radius: 16px;
        .margins(16rpx; 24rpx; 16rpx; 24rpx);
        .paddings(38rpx; 33rpx; 38rpx; 33rpx);

        .title {
            .fontsize(30rpx);
            font-family: PingFang SC;
            font-weight: bold;
            color: @text-color1;
            border-bottom: 1px solid #DCDFE6;
            padding-bottom: 34rpx;
        }

        .content {
            padding-top: 30rpx;
            background: linear-gradient(0deg, #FFFFFF, #F4F6F8);

            .content-hang {
                .kuan(@percent);
                .grids(20%; 80%);
                .fontsize(26rpx);
                margin-bottom: 48rpx;
                // display: flex;
                // justify-content: start;
                // align-items: center;
                .content-left {
                    font-family: PingFangSC;
                    font-weight: 400;
                    color: #606266;
                    line-height: 70rpx;
                }

                .content-right {
                    line-height: 26rpx;
                    .radio {
                        float: left;
                        margin-right: 40rpx;
                        margin-top: 15rpx
                    }

                    .content-ipt {
                        width: 100%;
                        height: 80rpx;
                        .borders(1rpx, #C0C4CC);
                        .borderradius(10rpx, 10rpx, 10rpx, 10rpx);
                        background: rgba(192, 196, 204, 0.06);
                        padding: 15rpx;
                        box-sizing: border-box;
                        font-size: 28rpx;
                    }

                    .content-test {
                        padding: 23rpx 16rpx;
                    }

                    .orange-text {
                        color: @orange;
                        .fontsize(28rpx);
                        font-weight: bold;
                    }

                    .conter-textarea {
                        .kuan(90%);
                        .borders(1rpx, #C0C4CC);
                        .borderradius(10rpx, 10rpx, 10rpx, 10rpx);
                        background: rgba(192, 196, 204, 0.06);
                        padding: 20rpx;
                        .fontsize(26rpx);
                    }
                    .money {
                        padding: 23rpx 16rpx;
                        font-size: 28rpx;
                        font-family: DIN;
                        font-weight: bold;
                        color: @orange;
                        text{
                            font-size: 26rpx;
                        font-family: PingFang-SC-Medium;
                        font-weight: Medium;
                        }
                    }
                }

                &:last-child {
                    margin-bottom: 5rpx;
                }

                &:nth-child(4) {
                    margin-bottom: 10rpx;
                }
            }

            .u-radio-group{
                height: 68rpx;
            }
            .u-radio__text{
                font-size: 26rpx !important;
            }
        }

        .last-conter {
            padding-top: 40rpx;
        }
    }

    .genre-text {
        .margins(15rpx; 24rpx; 12rpx; 24rpx);
        .paddings(10rpx; 33rpx; 38rpx; 33rpx);
        font-family: PingFang SC;
        font-weight: 400;
        color: @blue;
        line-height: 36rpx;
        .fontsize(24rpx);
    }

    .genre-btn {
        .kuangao(680rpx, 88rpx);
        margin: 41rpx auto 133rpx;
        background: var(--btnColor);
        box-shadow: 0px 3px 6px 0px rgba(0, 110, 212, 0.3);
        .borderradius(45rpx; 44rpx; 44rpx; 43rpx);
        text-align: center;
        line-height: 88rpx;
        color: @white-color;
        .fontsize(30rpx);
        font-weight: bold;
        .cursor();
    }
}

/* #ifdef MP-ALIPAY */
/deep/ .u-icon__icon {
    font-size: 24rpx !important;
}
/* #endif */
